<<!DOCTYPE html>
  <html>

  <head>
    <meta http-equiv=Content-Type content="text/html;charset=utf-8">
    <meta http-equiv=X-UA-Compatible content="IE=edge,chrome=1">
    <meta content=always name=referrer>
    <title>OpenLayers 3地图示例</title>
    <link href="../ol3.13.1/ol.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="../ol3.13.1/ol.js" charset="utf-8"></script>
  </head>

  <body>
    <div id="map" style="width: 100%"></div>
    <script type="text/javascript">
      var layer = new ol.layer.Vector({
        source: new ol.source.Vector()
      })
      var map = new ol.Map({
        layers: [
          new ol.layer.Tile({
            source: new ol.source.OSM()
          }), 
          layer
        ],
        target: 'map',
        view: new ol.View({
          projection: 'EPSG:4326',
          center: [104, 30],
          zoom: 10
        })
      });

      var anchor = new ol.Feature({
        geometry: new ol.geom.Point([104, 30])
      });
      anchor.setStyle(new ol.style.Style({
        image: new ol.style.Icon({
          src: '../../img/anchor.png'
        })
      }));
      layer.getSource().addFeature(anchor);
    </script>

  </body>

  </html>